<aside class="main-sidebar">
  <!-- sidebar: style can be found in sidebar.less -->
  <section class="sidebar">
    <!-- Sidebar user panel -->
    <div class="user-panel">
      <div class="pull-left image">
        <img src="dist/img/fcat-128x128.png" class="img-circle" alt="User Image">
      </div>
      <div class="pull-left info">
        <p>{{username}}</p>
        <a ><i class="fa fa-circle text-success"></i> 在线</a>
      </div>
    </div>
    <!-- search form -->
    <form action="#" method="get" class="sidebar-form">
      <div class="input-group">
        <input type="text" name="q" class="form-control" placeholder="Search...">
              <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
      </div>
    </form>
    <!-- /.search form -->
    <!-- sidebar menu: : style can be found in sidebar.less -->
    <ul class="sidebar-menu">
      <li class="header" >权限管理系统{{selectedMenuId}}</li>



      <li class="treeview" *ngFor="let menu of menuList;let i=index" [ngClass]="{'active':i==0}"><!--[ngClass]="{'active':selectedMenuId==menu.id}"-->
        <a> <!--(click)="selectedMenuId = menu.id"-->
          <i class="{{menu.icon}}"></i>
          <span>{{menu.title}}</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
        </a>
        <ul class="treeview-menu">
          <li *ngFor="let childMenu of menu?.children"  ><a routerLink="{{childMenu.href}}" ><i class="{{childMenu.icon}}"></i>{{childMenu.title}}</a></li>
        </ul>
      </li>
<!--
      <li class="treeview" #group [ngClass]="{'active':!group?.isOpen}">
        <a class="auto"  (click)="group.isOpen = !group.isOpen">
          <i class="fa  fa-cog"></i>
          <span>基础配置{{group?.isOpen}}</span>
            <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
        </a>
        <ul class="treeview-menu">
          <li><a routerLink="tUserList"  routerLinkActive="active"><i class="fa fa-user"></i> 用户管理</a></li>
          <li><a routerLink="tMenuList"  routerLinkActive="active"><i class="fa  fa-bars"></i> 菜单管理</a></li>
          <li><a routerLink="tUserList"  routerLinkActive="active"><i class="fa fa-group (alias)"></i> 用户组管理</a></li>
          <li><a routerLink="tUserList"  routerLinkActive="active"><i class="fa fa-object-group"></i> 组类型管理</a></li>
          <li><a routerLink="chinaList"  routerLinkActive="active"><i class="fa fa-map-o"></i> 区域管理</a></li>
          <li><a routerLink="tUserList"  routerLinkActive="active"><i class="fa fa-square-o"></i> 数据字典</a></li>
        </ul>
      </li>
-->


    </ul>
  </section>
  <!-- /.sidebar -->
</aside>
